import { createApp } from 'vue'
import App from './App.vue'
import router from './router'
import store from './store'
import {
  Tab, Tabs, NavBar, Icon, Swipe, SwipeItem, Tabbar, TabbarItem,
  Toast, Loading, Image, Grid, GridItem, Col, Row, ActionSheet,
  Cell, CellGroup, Button, Badge, DropdownMenu, DropdownItem,
} from 'vant'

const app = createApp(App)
app.use(router)
app.use(store)

app.use(Tab)
app.use(Tabs)
app.use(NavBar)
app.use(Icon)
app.use(Swipe)
app.use(SwipeItem)
app.use(Tabbar)
app.use(TabbarItem)
app.use(Toast)
app.use(Loading)
app.use(Image)
app.use(Grid)
app.use(GridItem)
app.use(Col)
app.use(Row)
app.use(ActionSheet)
app.use(Cell)
app.use(CellGroup)
app.use(Button)
app.use(Badge)
app.use(DropdownMenu)
app.use(DropdownItem)

app.config.globalProperties.$toast = Toast
app.mount('#app')
